.helper_bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: #fff;
}
.helper_bar_left {

}
.helper_bar_right {

}

.helper_bar_emoji {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center;
    background-repeat:  no-repeat;
}
.helper_bar_emoji:hover {
    background-color: #eee;
}

.helper_bar_emoji {
    background-image: url(http://localhost:8000/static/img/face.png);
}
.active {
    background-color: #eee;
}


.helper_popup {
    position: absolute;
    top: -170px;
    left: 10px;
}
